@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');

body {
  color: #ECEFF1;
  background: #333;
  font-family: Ubuntu, sans-serif;
  /* margin: 0px auto;
  width: 80%; */
  padding: 50px;
  line-height: 1.35;
}

hr {
	height: 10px;
  margin: 40px 15px;
}
.hr-warning{
	background-image: -webkit-linear-gradient(right, rgba(210,105,30,.8), rgba(210,105,30,.6), rgba(0,0,0,0));
}
.hr-success{
	background-image: -webkit-linear-gradient(right, rgba(15,157,88,.8), rgba(15, 157, 88,.6), rgba(0,0,0,0));
}
.hr-primary{
	background-image: -webkit-linear-gradient(right, rgba(66,133,244,.8), rgba(66, 133, 244,.6), rgba(0,0,0,0));
}
.hr-danger{
	background-image: -webkit-linear-gradient(right, rgba(244,67,54,.8), rgba(244,67,54,.6), rgba(0,0,0,0));
}

body h1 {
  color: #0288D1;
}

body h2 {
  color: #FF8F00;
  text-decoration: underline;
}

body h3 {
  color: #FFC107;
}

body h4 {
  color: #FFECB3;
}

ul a {
  text-decoration: none;
}

body p {
  position: static;
}

.keypoint {
  font-size: 1.125rem;
  font-weight: bold;
  color: #EEFF41;
}

.keypoint-good {
  font-size: 1.125rem;
  font-weight: bold;
  text-decoration: underline;
  color: #4CAF50;
}

.keypoint-bad {
  font-size: 1.125rem;
  font-weight: bold;
  text-decoration: underline;
  color: #D84315;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 25
}

a:link { color: #29B6F6 }
a:link:hover { color: #81D4FA; font-weight:bold;}
a:visited { color: #0277BD }
a:visited:hover { color: #81D4FA; font-weight: bold;}